<template>
  <!-- <div class="wf x wn zc h90px fbj">
    <div
      class="hf w120px nbx"
      style="background-image: url(/favicon.ico); background-repeat:no-repeat; background-size:100% 100%;"
    ></div>
    <div class="w1080px hf y ww ze je" style="align-self: center">
<a href="/tool/aboutus/aboutus.html" target="_blank" class="h30px">关于我们</a>
<a href="/tool/aboutus/contact_us.html" target="_blank" class="h30px">联系我们</a>
<a href="/tool/aboutus/partner.html" target="_blank" class="h30px">合作伙伴</a>
<a href="/tool/aboutus/help.html" target="_blank" class="h30px">新手上路</a>
<a href="/tool/aboutus/greenhand.html" target="_blank" class="h30px">使用帮助</a>
<a href="/tool/index.html" target="_blank" class="h30px">旅行工具</a>
    </div>
  </div>-->
  <div class="footer_all y h300px jc">
    <div class="w1080px hf x wn zb jc">
      <div class="logo">
        <h1>logo</h1>
      </div>
      <div class="second y js zb">
        <div class="x wn">
          <img src="tool/aboutus/img/phone.png" />
          <p>2012-21325122</p>
        </div>
        <div class="x wn">
          <img src="tool/aboutus/img/mailbox.png" />
          <p>121352135@163.com</p>
        </div>
        <div class="x wn">
          <img src="tool/aboutus/img/companyaddress.png" />
          <p>中国深圳市龙华去1208号2403</p>
        </div>
      </div>
      <div class="third ">
        <a href="/tool/aboutus/aboutus.html">
          <p>关于我们</p>
        </a>
        <a href="/tool/aboutus/help.html">
          <p>新手上路</p>
        </a>
        <a href="/tool/aboutus/contact_us.html">
          <p>联系我们</p>
        </a>
        <a href="/tool/aboutus/greenhand.html">
          <p>使用帮助</p>
        </a>
        <a href="/tool/aboutus/partner.html">
          <p>合作伙伴</p>
        </a>
        <a href="/tool/index.html">
          <p>旅行工具</p>
        </a>
      </div>
    </div>
  </div>
</template>
<script>
// import name from "./name";
export default {
  // components: { name},
  // props: [],
  data() {
    return {};
  },
  // computed() {return{}},
  created() {},
  methods: {}
};
</script>

<style lang="less" scoped>
.footer_all {
  background-color: #242335;
  width: 100%;
}

.logo {
  width: 150px;
  height: 150px;
  // left: 1px;
  /* background-color: aliceblue; */
  // position: absolute;
  // top: 50px;
  // left: -38px;
}

.logo h1 {
  color: white;
  // padding-top: 40px;
}
.second {
  width: 280px;
  height: 150px;
  /* background-color: aliceblue; */
  // position: absolute;
  // top: 50px;
  // left: 250px;
}

.second img {
  width: 25px;
  height: 25px;
  // display: block;
  // margin-top: 25px;
}

.second p {
  color: white;
  font-size: 14px;
}

.third {
  width: 190px;
  height: 150px;
  /* background-color: aliceblue; */
  // position: absolute;
  display: flex;
  flex-wrap: wrap;
}

.third p {
  color: white;
  font-size: 14px;
}
.third a {
  text-decoration: none;
  color: #333;
  margin-right: 25px;
}
</style>
